<template>
  <ul class="todo-main">
    <TodoItem v-for="todo in todoList" :key="todo.id" :todo ="todo" />
  </ul>
</template>

<script>
import TodoItem from "@/compontens/TodoItem";
export default {
  name: "TodoMain",
  components: {
    TodoItem,
  },
  props:{
    todoList:Array
  }
};
</script>

<style>
</style>